.pic-item {
  &-header {
    padding    : 20rpx 26rpx;
    display    : flex;
    align-items: center;

    .photo {
      margin-right: 20rpx;

      &-img {
        width        : 75rpx;
        height       : 75rpx;
        border-radius: 100%;
        display      : block;
      }
    }

    .name {
      font-size: 32rpx;
    }

    .point {
      width           : 2rpx;
      height          : 2rpx;
      background-color: #999;
      border-radius   : 100%;
      margin          : 0 20rpx;
    }

    .time {
      color    : #999;
      font-size: 24rpx;
    }

    .share-btn {
      margin-left: auto;
      display    : flex;

      .point {
        width           : 8rpx;
        height          : 8rpx;
        border-radius   : 100%;
        background-color: #000;
        margin          : 5rpx;
      }
    }
  }

  &-main {
    .swiper {
      aspect-ratio: 3/3.5;
      width       : 100%;
      height      : auto;

      .photo-img {
        display     : block;
        width       : 100%;
        height      : 100%;
        aspect-ratio: 3/3.5;
      }
    }

    .video {
      width  : 100%;
      display: block;
    }
  }

  &-bottom {
    .btn-list {
      display: flex;
      padding: 20rpx 26rpx;

      .btn-item {
        display    : flex;
        align-items: center;
        margin-left: 20rpx;

        .icon {
          width              : 60rpx;
          height             : 60rpx;
          background-size    : cover;
          background-position: center;
        }

        .num {
          font-size  : 28rpx;
          font-weight: bold;
          margin     : 0 0 0 10rpx;
        }

        &.share-btn {
          flex       : 1;
          margin-left: 0;

          .icon {
            width           : 54rpx;
            height          : 54rpx;
            background-image: url('');
          }
        }

        &.like-btn {


          .icon {
            background-image: url('');
          }
        }

        &.collect-btn {


          .icon {
            background-image: url('');
          }
        }

        &.chat-btn {
          .icon {
            background-image: url('');
          }
        }
      }
    }

    .content {
      padding  : 0 26rpx 40rpx;
      font-size: 32rpx;
    }
  }
}